import {
  StyleSheet
} from 'react-native';
import pxSize from '../util/pxSize';

const styles = StyleSheet.create({
  container: {
    backgroundColor: "#F7F7F7",
    flexGrow: 1
  },
  time_style: {
    borderTopColor: '#EBEBEB',
    flexDirection: "column",
    flexGrow: 1,
    borderTopWidth: pxSize(1)
  },
  time_top: {
    flexGrow: 15,
    alignItems: "center",
    paddingTop: pxSize(150),
    borderBottomColor: '#EBEBEB',
    borderBottomWidth: pxSize(1)
  },
  time_buttom: {
    flexGrow: 1,
    alignItems: "center",
    justifyContent: 'center'
  },
  add_box: {
    height: pxSize(40),
    width: pxSize(40),
    borderRadius: pxSize(50),
    borderColor: '#EBEBEB',
    borderWidth: pxSize(1),
    justifyContent: "center",
    alignItems: "center"
  }
});

export default styles;